<html>
<head>
    <title>好友列表</title>
    <#include "../common/header.ftl">
    <script src="/chat/js/searchlist.js"></script>
</head>
<body>
    <form>
        <div class="weui-cells">
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <input id="nickname" class="weui-input" type="text" style="width: 70%" placeholder="请输入昵称" value="${nickname!""}">
                </div>
                <a href="javascript:search();" style="padding-top: 3px;" class="weui-btn weui-btn_mini weui-btn_primary">查找</a>
            </div>
        </div>
    </form>

<#--好友列表-->
    <div class="weui-panel weui-panel_access">
        <div class="weui-panel__hd">查询好友</div>
        <div class="weui-panel__bd" id="content">

            <#list (resultPage.data)!"" as UserDTO>
                <a href="/friends/searchFriendDetial?fid=${UserDTO.id!""}" class="weui-media-box weui-media-box_appmsg">
                    <div class="weui-media-box__hd">
                        <img class="weui-media-box__thumb" src="${UserDTO.headImage!""}">
                    </div>
                    <div class="weui-media-box__bd">
                        <h4 class="weui-media-box__title">${UserDTO.nickname!""}</h4>
                        <p class="weui-media-box__desc">${UserDTO.desction!""}</p>
                    </div>
                </a>
            </#list>


        </div>
        <div class="weui-panel__ft">
            <a href="javascript:void(0);" class="weui-cell weui-cell_access weui-cell_link">
                <div class="weui-cell__bd">查看更多</div>
                <span class="weui-cell__ft"></span>
            </a>
        </div>
    </div>

<script>
    $(function(){
        if (event.keyCode == 13) {
            alert("搜索")
            search();
        }
    })
</script>
</body>
</html>